﻿<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>考勤管理</title>
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/motai2.css">

</head>

<body class="main-body">
	<div id="vue-root">
		<ul class="main-nav2 main-nav-tree basis">

			<li v-for="(menu,index) in menues" :key="index" class="main-side-item2 "
				:class="{'main_itemed':mainItem==index}" @click="mainItem=index">
				<a target="myiframe1" :href="menu.ref">
					<div v-text="menu.title"></div>
				</a>
			</li>
		</ul>
		<iframe src="attendance_records.html" name="myiframe1" style="width: 100%;min-height: 800px;"
			scrolling="auto"></iframe>

	</div>
	<script src="/scriptZIP/vue.min.js"></script>

	<script>
		var app = new Vue({
			el: '#vue-root',
			data: {
				mainItem: 0,
				menues: [{
					title: "考勤记录",
					ref: "attendance_records.html",
				}, {
					title: "考勤卡库",
					ref: "attendance_card.html",
				}]
			}
		});
	</script>
</body>

</html>